@import '~antd/lib/style/themes/default.less';

@nav-header-height: @layout-header-height;

.logo {
  position: relative;
  height: @nav-header-height;
  margin-top: 30px;
  //padding-left: (@menu-collapsed-width - 32px) / 2;
  overflow: hidden;
  line-height: @nav-header-height;
  //background: #002140;
  transition: all 0.3s;
  text-align: center;
  img {
    display: inline-block;
    height: 32px;
    vertical-align: middle;
  }
  h1 {
    display: inline-block;
    margin: 0 0 0 12px;
    color: white;
    font-weight: 600;
    font-size: 20px;
    font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    vertical-align: middle;
  }
}
.sider {
  position: relative;
  z-index: 10;
  min-height: 100vh;
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  &.fixSiderBar {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
    :global {
      .ant-menu-root {
        height: ~'calc(100vh - @{nav-header-height})';
        overflow-y: auto;
      }
      .ant-menu-inline {
        border-right: 0;
        .ant-menu-item,
        .ant-menu-submenu-title {
          width: 100%;
        }
      }
    }
  }
  &.light {
    background-color: white;
    box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
    .logo {
      background: white;
      box-shadow: 1px 1px 0 0 @border-color-split;
      h1 {
        color: @primary-color;
      }
    }
    :global(.ant-menu-light) {
      border-right-color: transparent;
    }
  }
}

.icon {
  width: 18px;
  vertical-align: baseline;
}
.userName{
  margin-top: 15px;
  color:white;
  text-align: center;
}
.btnGroup{
  width: 140px;
  height: 31px;
  margin:10px auto 0;
  border-radius: 15px;
  background-color: rgba(255,255,255,0.1);
}
.btnGroup img{
  vertical-align: middle;
}
:global {
  .top-nav-menu li.ant-menu-item {
    height: @nav-header-height;
    line-height: @nav-header-height;
  }
  .drawer .drawer-content {
    background: #001529;
  }
  .ant-menu-inline-collapsed {
    & > .ant-menu-item .sider-menu-item-img + span,
    &
      > .ant-menu-item-group
      > .ant-menu-item-group-list
      > .ant-menu-item
      .sider-menu-item-img
      + span,
    & > .ant-menu-submenu > .ant-menu-submenu-title .sider-menu-item-img + span {
      display: inline-block;
      max-width: 0;
      opacity: 0;
    }
  }
  .ant-menu-item .sider-menu-item-img + span,
  .ant-menu-submenu-title .sider-menu-item-img + span {
    opacity: 1;
    transition: opacity 0.3s @ease-in-out, width 0.3s @ease-in-out;
  }
  .ant-drawer-left {
    .ant-drawer-body {
      padding: 0;
    }
  }
  .ant-layout-sider{
    height: 100%;
    width: 100%;
    //overflow-y: auto;
    //overflow-x: hidden;
  }
  .ant-layout-sider{
    //background: #051B32;
    background: linear-gradient(#2E3D7A,#1D2853,#0C132D); /* 标准的语法 */
    background: -webkit-linear-gradient(#2E3D7A,#1D2853,#0C132D); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#2E3D7A,#1D2853,#0C132D); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#2E3D7A,#1D2853,#0C132D); /* Firefox 3.6 - 15 */
    background: linear-gradient(#2E3D7A,#1D2853,#0C132D); /* 标准的语法 */
  }
  .ant-menu-dark, .ant-menu-dark .ant-menu-sub{
    background: transparent!important;
  }
  .antd-pro-components-sider-menu-index-logo{
    height: unset;
    img{
      width: 195px;
      height: unset;
    }
  }
  .ant-col-6 {
    color: lightgrey;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
  }
  .ant-menu-submenu-selected .ant-menu-submenu-title{    //background-color: #0F2143;
    //border-left: 3px inset #0B98FC;
    color: #ffffff;
    background: url("../../../src/assets/menu/Hover2.png") no-repeat!important;
    //background-size: 100% 60px;
  }
  .ant-menu-item.ant-menu-item-selected{
    color: #ffffff;
    background: url("../../../src/assets/menu/Hover2.png") no-repeat!important;
  }
  .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected{
    background: transparent;
  }
  .ant-menu-submenu .ant-menu-item-selected{
    background: transparent!important;
    color: #ffffff;
  }
  .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: transparent!important;
    box-shadow:unset!important;
    //max-height: 144px;
    //overflow: auto;
  }
  .ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component{
    top:-5px!important;
  }
}
.menuFirst{
  //border-bottom: 1px dotted;
  margin-top: -1px;
  width: 187px!important;
}

.disableddoverv{
  padding-left: 25px ;
}

